.page {
  background-color: #EEF8F4;
  min-height: 100vh;

  .box1 {
    width: 100%;
    height: 610rpx;
    background-image: linear-gradient(93.2deg, #04947b 0%, #03463a 93.5%);
    overflow: hidden;
    text-align: center;
    .swiper{
      width: 450rpx;
      height: 450rpx;
       margin: 30rpx auto 0 auto;
       .swiperItem{
        width: 350rpx;
        height: 350rpx;
        .code {
          width: 350rpx;
          height: 350rpx;
          background-color: #ffffff80;
          border-radius: 16rpx;
        }
      }
    }
    .code-give{
      text-align: center;
      font-size: 26rpx;
      color: #ffffff;
      margin-top: 8rpx;
    }
   
   
    .code1 {
      width: 350rpx;
      height: 350rpx;
      background-color: #ffffff80;
      border-radius: 16rpx;
      margin: 30rpx auto 0 auto;
    }


    .title {
      margin-top: 30rpx;
      color: #ffffff;
      font-size: 34rpx;
      font-weight: 700;
    }

    .time {
      margin-top: 37rpx;
      color: #ffffff;
      font-size: 24rpx;
    }

    .address {
      color: #ffffff;
      font-size: 28rpx;
      margin-top: 10rpx;
    }

  }

  .box2 {
    background-color: #EEF8F4;
    padding: 20rpx 30rpx 20rpx 30rpx;
    margin-bottom: 150rpx;
    border-radius: 36rpx;
    // min-height: 860rpx;
    width: 100%;

    .title {
      text-align: center;
      margin-bottom: 15rpx;
      color: #2e5661;
      font-size: 36rpx;
      font-weight: 700;
    }

    .give {
      margin-bottom: 15rpx;
      color: #707c77;
      font-size: 26rpx;
      text-indent: -1.1em;
      margin-left: 1em;
      line-height: 1.5;
    }

    .guan {
      margin-top: 30rpx;
      color: #2e5661;
      font-size: 36rpx;
      text-align: center;
    }

    .time {
      margin-top: 24rpx;
      color: #707c77;
      font-size: 28rpx;
    }
  }

  .fad {
    width: 100%;
    height: 150rpx;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;

    .btn {
      background-image: linear-gradient(95.5deg, #048a73 0%, #034236 100%);
      border-radius: 48rpx;
      box-shadow: 4rpx 4rpx 16rpx #799a9440, -6rpx -6rpx 20rpx #ffffff;
      width: 310rpx;
      height: 96rpx;
      line-height: 96rpx;
      text-align: center;
      margin: 20rpx auto 0 auto;
      color: #ffffff;
      font-size: 32rpx;

    }
  }

}



// 二维码
.qrcode {
  width: 350px;
  height: 350px;
  opacity: 0;
  transform: translate(-100%);
  position: fixed;
  top: 0;
  left: 0;
}

#myCanvas {
  width: 554px;
  height: 984px;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 100%;
}


.playbill {
  text-align: center;

  .playbill-img {
    width: 554rpx;
    height: 984rpx;
    background-color: #fff;
  }

  .title {
    color: #ffffff;
    font-size: 28rpx;
    margin-top: 26rpx;
  }

  .download {
    width: 25rpx;
    height: 25rpx;
    margin-top: 26rpx;
    margin-left: 10rpx;
  }

  .close {
    width: 54rpx;
    height: 55rpx;
    margin-top: 30rpx;
  }
}